﻿@using System.Configuration
@using System.Web.Optimization
@using Newtonsoft.Json
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Scrambled Eggs</title>
    <!--[if IE]><script src="/scripts/excanvas.js"></script><![endif]-->
    @Styles.Render("~/StyleBundle")
    @Scripts.Render("~/ScriptBundle")
</head>
<body>
    <div id="heartbeat" >*</div>
    <div id="world"></div>
    <div id="message"></div>
    <div id="genderSelection">
        <div>
            <button id="gender-male">It's a boy!</button>
            <button id="gender-female">It's a girl!</button>
        </div>
        <div class="smile">####&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;####<br />&nbsp;####&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;####<br />&nbsp;&nbsp;####&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;####<br />&nbsp;&nbsp;&nbsp;#####&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#####<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#####&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#####<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#####&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#####<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#####&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#####<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#####&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#####<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;######&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;######<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;######&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;######<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;###############</div>
    </div>
    <form id="nameSelection">
        <p>From this day onward, your name shall be <input type="text" id="name" maxlength="20" size="25" /> <button type="submit">Continue</button></p>
    </form>
    <div class="container">
        <input type="hidden" id="settings" data-settings="@JsonConvert.SerializeObject(new {
            IgnoreEarlyEnding = bool.Parse(ConfigurationManager.AppSettings["IgnoreEarlyEnding"]),
        })"/>
        <div id="meta">
            <button class="save">Save</button>
            <button class="suggest">Suggestions</button>
            <button class="hints" data-hint="no, &lt;strong&gt;PLEASE&lt;/strong&gt;! Don't make me go away, I have &lt;i&gt;so much more&lt;/i&gt; to tell you!">Hints</button>
        </div>
        <div id="primary">
            <div id="status">
                <h2 class="name"></h2>
                <div class="baby">
                    <p class="mental">Mental Maturity:&nbsp;&nbsp; <span class="progressbar"><span class="progress"></span></span></p>
                    <p class="physical">Physical Maturity: <span class="progressbar"><span class="progress"></span></span></p>
                    <p class="fullness" data-hint="You can't do much on an empty stomach. Find food, &lt;strong&gt;but don't eat too much!&lt;/strong&gt;">Fullness:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="progressbar"><span class="progress"></span></span></p>
                </div>
                <div class="youngadult">
                    <p class="job">Job: <span class="value">None</span></p>
                    <p class="intelligence">Intelligence: <span class="value">x</span></p>
                    <p class="popularity">Popularity:&nbsp;&nbsp; <span class="value">x</span></p>
                    <p class="time">Free Time:&nbsp;&nbsp;&nbsp; <span class="value">x</span> hours</p>
                    <p class="money">Money:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="value">x</span> val</p>
                    <p class="energy">Energy:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="progressbar"><span class="progress"></span></span></p>
                </div>
            </div>
            <div id="inventory">
                <h2>Inventory</h2>
                <div style="clear: both;"></div>
            </div>
        </div>
        <div id="firstmoves">
            <button class="stare" data-hint="This is a button. Try clicking it! &lt;i&gt;:)&lt;/i&gt;">Stare blankly at your finger</button>
            <button class="finger" data-hint="Try moving your finger!">Move Finger</button>
            <button class="grab">Try to grab something</button>
            <button class="throw">Throw it away</button>
            <button class="eat" data-hint="It could be tasty!">Put it in your mouth</button>
            <button class="cry">Start crying</button>
        </div>
        <div id="play">
            <button class="rattle">Shake your rattle</button>
            <button class="blocks">Play with blocks</button>
            <button class="poop">Go to the potty</button>
            <button class="crawl">Crawl around</button>
            <button class="lookaround">Check out the room</button>
            <button class="stand">Attempt to get on your feet</button>
            <section class="opendoor">
                <div class="behinddoor">
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;()<br />&nbsp;&nbsp;&nbsp;[--]<br />&nbsp;&nbsp;()MM()<br />&nbsp;/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\<br />/~~~~~~~~\<br />|~~~~~~~~|<br />|~~~~~~~~|<br />|~&nbsp;MILK&nbsp;~|<br />|~~~~~~~~|<br />|~~~~~~~~|<br />|~~~~~~~~|<br />**********</p>
                </div>
                <div class="door">
                    <div class="handle noselect clickable"><i>--o</i></div>
                    <div class="baby noselect" data-hint="If only you could find a way to reach the door knob...">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="hand clickable">.</span><br />&nbsp;&nbsp;&nbsp;O&nbsp;<span class="hand clickable">/</span><br />,_/a\<br />&nbsp;&nbsp;aba<span class="longlegs"><br />&nbsp;&nbsp;1&nbsp;1</span><br />&nbsp;&nbsp;<span class="legs">b&nbsp;b</span></div>
                </div>
            </section>
            <section class="doorcat noselect" title="The Cat" data-hint="Meow.">
                <p>&nbsp;/\_/\<br />(<i>=°ᴥ°=</i>)____<br />&nbsp;¨~.,.,.,.,)~~</p>
                <p class="catstains">*<br />&nbsp;&nbsp;&nbsp;&nbsp;*</p>
                <p class="catpurr">&#9834;&#9835;&#9836;</p>
            </section>
            <div style="clear: both;"></div>
        </div>
        <div id="babyfinale">
            <button class="diapercat" data-hint="An eye for an eye makes the world go blind!">Throw your diaper at The Cat <i>=°ᴥ°=</i></button>
            <button class="bangdoor">Bang the door as loudly as you can</button>
            <button class="settledown" data-hint="She's cute, isn't she!">Settle down and pet The Cat <i>=°ᴥ°=</i></button>
            <button class="extra" data-hint="Unlocked because you did well!">Through cunning and strength you are able to open the lock.</button>
            <button class="continue">Continue...</button>
        </div>
        <div id="youngbasics">
            <button class="findjob" data-hint="About time!">Find a part-time job</button>
            <button class="gotoschool">Go to school</button>
            <button class="gotolibrary">Go to the library</button>
            <button class="gotojob" data-hint="Ahh, the joys of growing up.">Go to work</button>
        </div>
        <div id="jobs">
            <h2>You found the following job</h2>
            <p data-job="Shoemaker" class="job shoemaker">~~~~~~~~~~~~~~~~~~~~~~~~~~~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;WANTED&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;SHOE&nbsp;MAKER&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;-----------------------&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;good&nbsp;at&nbsp;making&nbsp;shoes&nbsp;&nbsp;&nbsp;~<br />~&nbsp;doesn't&nbsp;mind&nbsp;being&nbsp;poor&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;preferably&nbsp;interested&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;in&nbsp;interdimensional&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;travel&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~~~~~~~~~~~~~~~~~~~~~~~~~~~</p>
            <p data-job="Cleaning" data-hint="Yeah right, lol..." class="job dragontamer">~~~~~~~~~~~~~~~~~~~~~~~~~~~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;WANTED&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;DRAGON&nbsp;TAMER*&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;-----------------------&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;good&nbsp;at&nbsp;cleaning&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;doesn't&nbsp;mind&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;being&nbsp;tricked&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;preferably&nbsp;interested&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;in&nbsp;working&nbsp;hard&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;*no&nbsp;actual&nbsp;dragons&nbsp;&nbsp;&nbsp;&nbsp;~<br />~~~~~~~~~~~~~~~~~~~~~~~~~~~</p>
            <p data-job="Banker" class="job banker">~~~~~~~~~~~~~~~~~~~~~~~~~~~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;WANTED&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;BANKER&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;-----------------------&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;good&nbsp;at&nbsp;making&nbsp;money&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;doesn't&nbsp;mind&nbsp;stealing&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;from&nbsp;the&nbsp;poor&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;preferably&nbsp;interested&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;in&nbsp;making&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;heaps&nbsp;of&nbsp;money&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~~~~~~~~~~~~~~~~~~~~~~~~~~~</p>
            <p data-job="Research" class="job researchassistant">~~~~~~~~~~~~~~~~~~~~~~~~~~~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;WANTED&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;RESEARCH&nbsp;ASSISTANT&nbsp;&nbsp;&nbsp;~<br />~&nbsp;-----------------------&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;very&nbsp;intelligent&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;resillient&nbsp;to&nbsp;pain&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;preferably&nbsp;interested&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;in&nbsp;conducting&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;morally&nbsp;ambiguous&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;experiments&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~~~~~~~~~~~~~~~~~~~~~~~~~~~</p>
            <p data-job="Manager" data-hint="They're giving these jobs to students now?!" class="job manager">~~~~~~~~~~~~~~~~~~~~~~~~~~~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;WANTED&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;MANAGER&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;-----------------------&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;no&nbsp;skills&nbsp;required&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;doesn't&nbsp;mind&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;working&nbsp;long&nbsp;days&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;preferably&nbsp;named&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;John&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~<br />~~~~~~~~~~~~~~~~~~~~~~~~~~~</p>
            <div>
                <button class="apply">Apply</button>
                <button class="other">Find Another Job</button>
                <button class="cancel" data-hint="Getting a job seemed like a good idea though...">Go Back</button>
            </div>
        </div>
        <div id="gotojob">
            <p class="banker noselect" data-hint="You were warned this'd be boring!">&nbsp;&nbsp;&nbsp;.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.<br />&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|<br />&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;_________&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|<br />&nbsp;&nbsp;&nbsp;|_____/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\_____|<br />&nbsp;&nbsp;&nbsp;|_____|&nbsp;<strong class="time">09 : 00</strong>&nbsp;|_____|<br />&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\_________/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|<br />&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;°&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|<br />&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|<br />&nbsp;&nbsp;&nbsp;!=====================!</p>
            <p class="shoemaker noselect" data-hint="Use the arrow keys."><canvas height="400" width="400"></canvas></p>
        </div>
        <div id="endbox">
            <h2><i>This game is still under construction!</i></h2>
            <p>You have reached the current end of the game. Of course it's not the actual end, <strong>we're still working on that.</strong></p>
            <p>If you'd like to <strong>get notified when this game is finished</strong>, please fill in your e-mail address below.</p>
            <p>Your e-mail: <input type="email" class="notifyEmail" /> <button class="getnotified">Notify me!</button></p>
            <p>&nbsp;</p>
            <p>If you want to receive updates about the game's progress, follow us on twitter: @@ScrambledEggsGame</p>
            <p>&nbsp;</p>
            <h2><i>If you have any brilliant ideas...</i></h2>
            <p>Got a <strong>brilliant idea</strong> for the game? Send us a tweet on @@ScrambledEggsGame</p>
            <p>This <strong>open source</strong> initiative can be found on <a href="http://scrambledeggs.codeplex.com">Code Plex</a>.</p>
            <p>&nbsp;</p>
            <h2><i>Alternatively, you can</i></h2>
            <p><button class="suggest">Make a suggestion</button> or <button class="startanew">Start a new game</button></p>
        </div>
        <div id="suggestionbox">
            <h2><i>Got an awesome idea?</i></h2>
            <p>Post your suggestion here.</p>
            <p><textarea class="suggestionContent" rows="10" cols="100"></textarea></p>
            <p><button class="postsuggestion">Post your suggestion</button></p>
        </div>
        <div style="clear: both;"></div>
        <div id="hint" data-hint="You managed to catch me, eh? You must be a quick one!"></div>
        <div style="clear: both;"></div>
        <div id="optionbox">
            <div class="container">
                <div><p class="content"></p></div>
                <div><p class="options"></p></div>
            </div>
        </div>
    </div>
</body>
</html>
